@import "./transition";
@import "./element-plus";
@import "./sidebar";
@import "./dark";

/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;
}
html,body{
  background-color: #f5f8fa;
  font-family: 思源黑体;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0em;

  color: #3F4254;
}
/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}

.el-image-viewer__mask{
  opacity: 0.7!important;
}

// 以下是公共样式

.mt10{
  margin-top: 10px;
}
.ml10{
  margin-left: 10px;
}
.mr10{
  margin-right: 10px;
}
.mb10{
  margin-bottom: 10px;
}

.mt20{
  margin-top: 20px;
}
.ml20{
  margin-left: 20px;
}
.mr20{
  margin-right: 20px;
}
.mb20{
  margin-bottom: 20px;
}

.title1 {
  font-size: 24px;
  text-align: center;
  padding:10px 0px;
  text-align: center;
  font-weight: bold;
}

.inner{
  background-color: white;
  .ibody{
    padding: 20px;
    box-sizing: border-box;
    min-height: calc(100vh - 70px);
    position: relative;
  }
}

$msg: "暂无" !default;
@mixin no-content($msg) {
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 240px 240px;
  position: relative;
  margin: 100px 0;
  &::after {
    content: $msg;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 36px;
    text-align: center;
    color: #999999;
  }
}

.zwbg {
  @include no-content("暂无报告");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwbg.png");
}
.zwjl {
  @include no-content("暂无记录");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwbg.png");
}
.zwda {
  @include no-content("暂无档案");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwbg.png");
}
.zwsj {
  @include no-content("暂无数据");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwsj.png");
}
.zwxx {
  @include no-content("暂无信息");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwxx.png");
}
.zwtp {
  @include no-content("暂无图片");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwtp.png");
}
.zwwz {
  @include no-content("暂无位置");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwwz.png");
}
.zwgw {
  @include no-content("暂无购物");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwgw.png");
}
.zzjz {
  @include no-content("正在加载");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zzjz.png");
}
.wfdk {
  @include no-content("无法打卡");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwxx.png");
}
.zzdk {
  @include no-content("正在打卡，请稍后");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zzjz.png");
}
.zwwl {
  @include no-content("暂无网络");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwwl.png");
}
.zwmsg {
  @include no-content("暂无消息");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/zwxx2.png");
}
.ssbd {
  @include no-content("搜索不到");
  background-image: url("https://wanhuhealth.oss-cn-beijing.aliyuncs.com/wanhuhealth-small-program/wanhu-mini-community/ssbd.png");
}

.wh-btn{
  width: 100px;
  height: 50px;
  border-radius: 4px;
  border:1px dashed #B5B5C3;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  font-family: 思源黑体;
  font-size: 18px;
  font-weight: bold;
  flex-shrink: 0;
  &+.wh-btn{
    margin-left: 18px;
  }
  &.active{
    border-style: solid;
    border-bottom: 4px solid #3689F5;
    color:#3689F5;
  }
  &.border-solid{
    border-style: solid;
  }
  &.border-none{
    border:none;
  }
  &.primary{
    background-color: #3689F5;
    color:white;
    border:none;
  }
  &.danger{
    border-style: solid;
    border-color: #FF7F65;
    color:#FF7F65;
  }
  &.large{
    width: 200px;
  }
}
.el-table{
  font-family: 思源黑体;
  font-size: 18px !important;
  font-weight: normal;
  letter-spacing: 0em;
  color: #3f4254 !important;
  .table-header-row {
    min-height: 80px;
    font-family: 思源黑体;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    letter-spacing: 0em;
    color: #b5b5c3;
    border-style: dashed;
  }
  .table-normal-row {
    border-bottom: 1px dashed #d8d8d8;
    min-height: 80px;
    height: 80px;
    &::after {
      display: none;
    }
    &::before {
      display: none;
    }
  }
  .el-table__cell {
    border-bottom: 1px dashed #d8d8d8 !important;
  }
  .goods-detail-row {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: #d8d8d8;
    .el-image {
      width: 80px;
      height: 80px;
    }
  }
}


@keyframes flash {
  0%{
    opacity: 1;
  }
  20%{
    opacity: 0;
  }
  40%{
    opacity: 1;
  }
 
  100%{
    opacity: 1;
  }
}

.wh-flash{
  animation: flash 2s  infinite;
}

td.td-img-wrap{
  width: 100px;
  background-color: #d8d8d8;
}


@keyframes updown {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    transform: translateY(20px);
    opacity: 1;
  }
  100% {
    transform: translateY(40px);
    opacity: 0;
  }
}
.updownAnmi {
  animation: updown 1s linear infinite;
}


